<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>导出导入</title>
</head>
<body>
    <script type="module">
        //下面导入上面定义的hd.js模块,分别导入模块导出的内容
        //直接在{}中导入是错误的，模块默认是在顶层静态导入的
            // import {User,site,func} from './hd.js';
        // console.log(func());
        // console.dir(User.show());

        // let user = new User();
        // console.log(user.show());

        //如果要导入的内容比较多，可以使用*来批量导入
        // import * as api from "./hd.js";
        // console.log(api.site);
        //导入建议   我们建议使用明确导入的方式
        // import {User as user,func as action,site as name} from "./hd.js";
        // let func = '后盾人';
        // console.log(user)

        //导出别名
    //     import {user,action} from "./hd.js";
    //    console.log(action());


    //默认导入的时候就不需要使用{}导入了
    //默认导出的功能可以使用任意变量接收
    // import ASC from "./hd.js";

    // ASC.show();


   //导入默认接口的时候不需要使用 {}   导入普通接口的时候还是要用 {}导入


   

   //导入默认模块的时候 hd 可以替换成任意变量
//    import hd from "./hd.js";
//    import {site,func} from "./hd.js";

   
//使用一条语句就能导入默认接口与普通接口


// import show,{site,func} from "./hd.js";


//也可以使用别名导入默认导出
// import {site,func,default as show} from './hd.js';

//如果是批量导入的时候，使用default获得默认导出
// import * as api from './hd.js';

//    api.default.show();
//    console.log(api.site)
//    api.func()




//使用建议



    </script>
</body>
</html>